<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>


</head>
<body>
    单表签
    <hr>
    <br>
      <p id="stop">顶部</p>
        <p>文本标签</p>
        <h1>标题</h1>
        <font size="10" color="red">大哥</font>
        <strong>文本加粗</strong>
        <b>粗</b>
        <em>文本斜体</em>
        <hr color="red" width="8000">

        <ins>文本下化体</ins>
        <del>删除线</del>

        <img src="D:\html\img\java2.png" alt="Java的学习路线" title="java" width="1200" height="500">
        <hr color="red" width="8000">
      <a href="www.baidu.com" title="百度一下">百度一下</a>

      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <a href="#stop">返回顶部</a>



      <ul>
          <li>
              aa
          </li>
          <li>bb</li>
      </ul>

      <ol>
          <li>
              有序
          </li>

          <li>有序</li>
      </ol>
        <br>
        <hr color="blue" width="8000">

     空 格    &nbsp;&nbsp;&nbsp;空格符
      <br>
      <br>
   用户名<input type="text" maxlength="11">
   密码<input type="password">
   <br>
   <br>
   checked="checked"    设置默认选中项
   <input type="radio" name="xb" checked="checked">男<input type="radio" name="xb">女
   <br>
   <br>
   下来列表  multiple实现多种选择效果
   <select multiple="mutilate">
       <option>北京</option>
       <option selected="selected">广州</option>
       <option>上海</option>
   </select>
   <br>
   <br>
   分组的区别
  <select>
      <optgroup label="广州市">
          <option>天河区</option>
          <option>海珠区</option>
          <option>越秀区</option>

      </optgroup>
  </select>

  多项选择的控件
  <input type="checkbox" checked="checked">台球
  <input type="checkbox" checked="checked">篮球
  <input type="chekbox" checked="checked">乒乓球
  设置默认选中项： checked=checked

  <textarea>

  </textarea>
  <br>
  <input type="file">
  <input type="submit">
  <input type="button" value="普通按钮">
  <input type="reset" value="重置">
  <input type="image" src="D:\html\img\按钮.jpg">

  <!-- 分组控件 -->
  <fieldset>
      <legend>用户注册</legend>
      <legend>用户登录</legend>
  </fieldset>
  <input type="url">
  
  <input type="email">
  <!-- 日期控件 -->
  <input type="date">
  <br>
  <!-- 时间控件 -->
  <input type="time">
  <br>
  <!-- 数字控件 -->
  <input type="number">
  <br>
  <input type="range" max="100" step="5">  <input type="submit">





</body>
</html>